@import 'tailwindcss';
@import 'fumadocs-ui/css/neutral.css';
@import 'fumadocs-ui/css/preset.css';

/* Custom Sky + Emerald theme */
@theme {
  --color-fd-primary: hsl(199, 89%, 48%); /* sky-500 */
  --color-fd-primary-foreground: hsl(0, 0%, 100%);
  --color-fd-ring: hsl(199, 89%, 48%); /* sky-500 */
  --color-fd-muted: hsl(160, 84%, 95%); /* emerald-50 */
  --color-fd-accent: hsl(152, 76%, 92%); /* emerald-100 */
}

.dark {
  --color-fd-primary: hsl(199, 89%, 48%); /* sky-500 */
  --color-fd-primary-foreground: hsl(0, 0%, 100%);
  --color-fd-ring: hsl(199, 89%, 48%); /* sky-500 */
  --color-fd-muted: hsl(199, 89%, 14%); /* sky-950 */
  --color-fd-accent: hsl(199, 89%, 20%); /* sky dark */
}

.dark body {
  background-image: linear-gradient(
    rgba(14, 165, 233, 0.1),
    transparent 20rem,
    transparent
  );
  background-repeat: no-repeat;
}

/* Fix TOC overflow on production builds */
#nd-toc {
  overflow-y: auto;
  overflow-x: hidden;
}

#nd-toc > div {
  overflow-y: auto;
  overflow-x: hidden;
}
